<html>
<head>
<title>直方图</title>
</head>
<script src="echarts.js"></script>
<body>
    <div id="main" style="width:400px;height:300px;"></div>
	<div style="position:fixed;left:333;top:224px;font-size:12px;">日志量/GB</div>
	<div style="position:fixed;left:373;top:240px;font-size:14px;background:white;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
<script>
        var myChart = echarts.init(document.getElementById('main'));

var option = {
title: {
        text: ''
    },
    tooltip: {
        trigger: 'axis'
    },
    xAxis: {
        type: 'value',
        name: '日志量/GB',
		interval:5,
    },
    yAxis: {
        type: 'value',
        name: '耗时量/秒'
    },
	legend:{data:['单击耗时','集群耗时量']},
    series: [{
        data: [
            [2,20],
            [6,40],
            [10,50],
            [14,60],
            [20,70],
            [25,110],
            [30,120],
            [38,130]
        ],
		name:'单击耗时',
        type: 'line',
    },{
        data: [
            [2,24],
            [6,72],
            [10,120],
            [14,170],
            [20,240],
            [25,300],
            [30,360],
            [38,440]
        ],
		name:'集群耗时量',
        type: 'line'
    }]
};

        myChart.setOption(option);

</script>

</body>

</html>